/**
 * 工具函数
 */
//!1.0验证手机号码
function checkPhone(num) {
    const regE = /^1[3-9][0-9]{9}$/;
    return regE.test(num);
}
//!2.0验证密码
function checkPwd(num) {
    const regE = /^[A-z0-9_-]{6,15}$/;
    return regE.test(num);
}

//!3.0封装一个拦截登陆的函数
function checkLogin() {
    // 判断是否登录过 没有就拦截
    const token = window.localStorage.getItem("token");
    const user = window.localStorage.getItem("user");
    // 没有登录数据 就返回登录页面
    if (!token && !user) {
        location.href = "./login.html"
    }
}

//!4.0封装一个提示弹框的组件
function toast(status, msg, fn) {
    const d = document.querySelector(".show-toast")
    if (d) d.remove();

    const div = document.createElement("div");
    div.classList.add("show-toast");
    div.innerHTML = `
            <i>${status===0?"√":"X"}</i>
            <p>${msg}</p>
    `
    document.body.appendChild(div)
    // 两秒后 删除提示框并跳转
    setTimeout(function () {
        div.remove();
        fn && fn();
    }, 2000)
}

//! 5.0封装一个tab栏的组件
function tabs(n) {
    const tab = document.querySelector("#tab");
    tab.innerHTML = `
        <ul>
            <li class="${ n===0 ? 'active' : '' }">
                <a href = "./index.html">
                    <span class = "iconfont icon-shouye" ></span>首页
                </a>
            </li>
            <li class = "${ n===1 ? 'active' : '' }" >
                <a href = "./sports.html">
                    <span class = "iconfont icon-huaban" ></span>运动
                </a>
            </li>
            <li class = "${ n===2 ? 'active' : ''}" >
                <a href = "./mine.html" >
                    <span class = "iconfont icon-yonghu" ></span>我的
                </a>
            </li>
        </ul>
    `
}
//! 封装一个补0函数
function add0(n) {
    return n < 10 ? "0" + n : n
}

//? 挂载到window上 直接调用
window.$check = {
    checkPhone,
    checkPwd,
    checkLogin,
    toast,
    tabs,
    add0
}
